<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>个人信息维护</title>
<link href="../css/CSSReset.css" rel="stylesheet"/>
<link href="../css/base.css?v=0.1" rel="stylesheet"/>
<link href="../css/personalInfo.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="js/main.js"></script> 
</head>

<body id="person_info">
    <div id="main">
        <div id="wrapper">
            <div id="banner">
                <div class="info_box">
                    <span id="user_id">欢迎您：我是校长老师</span>
                    <span class="exit"><a href="#">安全退出</a></span>
                </div>
            </div>
            <div id="navi">
                <ul class="first_ul">
                    <li class="first_nav"><a href="index.html">首页</a>
                        <ul>
                            <li><a href="#">子菜单1</a></li>
                            <li><a href="#">子菜单2</a></li>
                        </ul>
                    </li>
                    <li class="first_nav"><a href="#">个人信息维护</a>
                        <ul>
                            <li><a href="modify_password.html">修改密码</a></li>
                            <li><a href="personal_info.html">个人信息</a></li>
                        </ul>                        
                    </li>
                    <li class="first_nav"><a href="#">信息公告管理</a>
                        <ul>
                            <li><a href="new_post.html">新公告</a></li>
                            <li><a href="#">子菜单6</a></li>
                        </ul>                        
                    </li>
                    <li class="first_nav"><a href="#">学生成绩查询</a>
                        <ul>
                            <li><a href="rank_query.html">成绩查询</a></li>
                            <li><a href="#">子菜单8</a></li>
                        </ul>                        
                    </li>
                    <li class="first_nav"><a href="#">教师管理</a>
                        <ul>
                            <li><a href="manage_teacher.html">教师请假管理</a></li>
                            <li><a href="#">子菜单8</a></li>
                        </ul>                        
                    </li>                    
                </ul>
            </div>
            <div id="content">
                <div class="leftBox">
                    <fieldset>
                        <legend>个人信息</legend>
                        <label for="number">登录号 <em>*</em></label>
                        <input id="number" placeholder="001" autofocus required /><br>
                        <label for="name">姓名 <em>*</em></label>
                        <input id="name" placeholder="丁一" required /><br>
                        <label for="sex">姓别 <em>*</em></label>
                        <input id="sex" placeholder="男" required /><br>
                        <label for="birthday">出生年月 <em>*</em></label>
                        <input id="birthday" placeholder="2000-01-01" required /><br>
                        <label for="address">联系地址 </label>
                        <input id="address" placeholder="浙江杭州" /><br>                        
                        <label for="telephone">联系电话 </label>
                        <input id="telephone" placeholder="13711100022" pattern="[A-Z]{3}" /><br>
                        <label for="major">专业 </label>
                        <input id="major" placeholder="计算机科学与技术" required/><br>
                        <label for="political">政治面貌 </label>
                        <input id="political" placeholder="党员" required/><br>                        
                    </fieldset>                
                </div>
                <div class="rightBox">
                    <fieldset>
                        <legend>个人照片</legend>
                        <label for="picture">您的照片 <em>*</em></label>
                        <div class="showPic"></div>
                        <input id="picture" type="file" required/><br>                          
                    </fieldset>
                </div>
                <br class="clear"/>
                <input class="save" type="button" value="保  存" />
            </div>
</body>
</html>